<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <form
      class="ant-form ant-form-horizontal"
    >
      <div
        class="ant-form-item ant-form-item-has-error ant-form-item-horizontal"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="text1"
              title="文本框（没错误边框）"
            >
              文本框（没错误边框）
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <textarea
                  aria-describedby="text1_help"
                  aria-invalid="true"
                  aria-required="true"
                  id="text1"
                />
              </div>
            </div>
            <div
              class="ant-form-item-additional"
              style="min-height: 24px;"
            />
          </div>
        </div>
        <div
          class="ant-form-item-margin-offset"
          style="margin-bottom: -24px;"
        />
      </div>
      <div
        class="ant-form-item ant-form-item-has-error ant-form-item-horizontal"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="text2"
              title="文本框（添加自定义的错误边框）"
            >
              文本框（添加自定义的错误边框）
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <textarea
                  id="text2"
                  style="border-color: red;"
                />
              </div>
            </div>
            <div
              class="ant-form-item-additional"
              style="min-height: 24px;"
            />
          </div>
        </div>
        <div
          class="ant-form-item-margin-offset"
          style="margin-bottom: -24px;"
        />
      </div>
      <div
        class="ant-form-item ant-form-item-has-error ant-form-item-horizontal"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="check"
              title="复选框"
            >
              复选框
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <label
                  class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
                >
                  <span
                    class="ant-checkbox ant-wave-target"
                  >
                    <input
                      aria-describedby="check_help"
                      aria-invalid="true"
                      aria-required="true"
                      class="ant-checkbox-input"
                      id="check"
                      type="checkbox"
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span
                    class="ant-checkbox-label"
                  >
                    是否
                  </span>
                </label>
              </div>
            </div>
            <div
              class="ant-form-item-additional"
              style="min-height: 24px;"
            />
          </div>
        </div>
        <div
          class="ant-form-item-margin-offset"
          style="margin-bottom: -24px;"
        />
      </div>
      <div
        class="ant-form-item ant-form-item-has-error ant-form-item-horizontal"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class="ant-form-item-required"
              for="check2"
              title="复选框"
            >
              复选框
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <label
                  class="ant-checkbox-wrapper ant-checkbox-wrapper-in-form-item"
                  style="color: red;"
                >
                  <span
                    class="ant-checkbox ant-wave-target"
                  >
                    <input
                      aria-describedby="check2_help"
                      aria-invalid="true"
                      aria-required="true"
                      class="ant-checkbox-input"
                      errors="'check2' is required"
                      id="check2"
                      status="error"
                      type="checkbox"
                      warnings=""
                    />
                    <span
                      class="ant-checkbox-inner"
                    />
                  </span>
                  <span
                    class="ant-checkbox-label"
                  >
                    是否
                  </span>
                </label>
              </div>
            </div>
            <div
              class="ant-form-item-additional"
              style="min-height: 24px;"
            />
          </div>
        </div>
        <div
          class="ant-form-item-margin-offset"
          style="margin-bottom: -24px;"
        />
      </div>
      <div
        class="ant-form-item ant-form-item-horizontal"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <button
                  class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
                  type="submit"
                >
                  <span>
                    Submit
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</DocumentFragment>